<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>囧途订餐系统</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="`$url~/css/bootstrap.min.css" rel="stylesheet">
    <link href="`$url~/css/zc.css" rel="stylesheet">
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
      <div class="container">
        <div class="row">
          <div class="col-md-1">
            <a class="navbar-brand" href="#">PPZC.COM</a>
          </div>

          <div class="col-md-5">
            
            <form class="form-inline navbar-form" role="form">
              <div class="form-group">
                <label class="sr-only" for="exampleInputEmail2">菜单</label>
                <input type="email" class="form-control input-sm" id="exampleInputEmail2" placeholder="输入分类或早餐">
              </div>
            </form>
          </div>

          <div class="col-md-3 col-md-offset-3">
            <ul class="nav navbar-nav">
              <li class="active"><a href="#">我的餐单</a></li>
              <li><a href="#about">礼品中心</a></li>
              <li><a href="#contact">留言反馈</a></li>
            </ul>
          </div><!--/.nav-collapse -->
        </div>
        
       
      </div>
    </div>
    
    <div class="container" style="margin-top:70px;">
      <div class="row">
        <div class="col-md-9">
          <div class="panel panel-default">
            <div class="panel-heading"><b>早餐分类</b></div>
            <div class="panel-body">
              <ul class="zc-cate-list">
                <li class="cate_item cate-item">                       
                  <a class="cate_name cate-name" data-cateid="88539" title="比萨7">比萨7</a>&nbsp;(16)
                </li>
                <li class="cate_item cate-item">                                    
                  <a class="cate_name cate-name" data-cateid="88537" title="汉堡">汉堡</a>&nbsp;(3)
                </li>
                <li class="cate_item cate-item">                                    
                  <a class="cate_name cate-name" data-cateid="88532" title="比萨10">比萨10</a>&nbsp;(17)
                </li>
                <li class="cate_item cate-item">                  
                  <a class="cate_name cate-name" data-cateid="88533" title="面">面</a>&nbsp;(10)
                </li>
                <li class="cate_item cate-item">                                    
                  <a class="cate_name cate-name" data-cateid="88535" title="饭">饭</a>&nbsp;(17)
                </li>
                <li class="cate_item cate-item">                                
                  <a class="cate_name cate-name" data-cateid="88529" title="汤">汤</a>&nbsp;(5)
                </li>
                <li class="cate_item cate-item">                                    
                  <a class="cate_name cate-name" data-cateid="88534" title="通心粉">通心粉</a>&nbsp;(11)
                </li>
                <li class="cate_item cate-item">                                 
                  <a class="cate_name cate-name" data-cateid="88528" title="休闲小吃">休闲小吃</a>&nbsp;(14)
                </li>
                <li class="cate_item cate-item">                  
                  <a class="cate_name cate-name" data-cateid="88538" title="印度菜">印度菜</a>&nbsp;(3)
                </li>
                <li class="cate_item cate-item">                                    
                  <a class="cate_name cate-name" data-cateid="88530" title="沙拉">沙拉</a>&nbsp;(3)
                </li>
                <li class="cate_item cate-item">  
                  <a class="cate_name cate-name" data-cateid="88536" title="甜品">甜品</a>&nbsp;(3)
                </li>
                <li class="cate_item cate-item">
                  <a class="cate_name cate-name" data-cateid="88531" title="饮料、酒水">饮料、酒水</a>&nbsp;(21)
                </li>
              </ul>
            </div>
          </div>

          <div class="panel panel-default">
            <div class="panel-heading"><b>比萨7</b></div>
            <div class="panel-body">
              <table class="table zc-table" style="margin-left:15px;">
                <tbody>
                  <tr class="zc-tr1">
                    <td width="50%"><span>双层鸡肉汉堡</span></td>
                    <td width="10%"><button class="btn btn-xs btn-primary">1</button></td>
                    <td width="20%"><button class="btn btn-default btn-sm add-cart-btn">￥20</button></td>
                    <td><div><i class="icon-d-star s8 i_s"></i><a href="#"><small>(15)<small></a></div><div><small class="text-muted">月售20份</small></div></td>
                  </tr>
                  <tr>
                    <td width="50%"><span>双层鸡肉汉堡</span></td>
                    <td width="10%"><button class="btn btn-xs btn-primary">1</button></td>
                    <td><button class="btn btn-default btn-sm">￥20</button></td>
                    <td><div><i class="icon-d-star s8 i_s"></i><a href="#"><small>(15)<small></a></div><div><small class="text-muted">月售20份</small></div></td>
                  </tr>
                  <tr>
                    <td width="50%"><span>双层鸡肉汉堡</span></td>
                    <td width="10%"><button class="btn btn-xs btn-primary">1</button></td>
                    <td><button class="btn btn-default btn-sm">￥20</button></td>
                    <td><div><i class="icon-d-star s8 i_s"></i><a href="#"><small>(15)<small></a></div><div><small class="text-muted">月售20份</small></div></td>
                  </tr>
                </tbody>
              </table>
            </div>

            <div class="panel-heading zc-bt1-default" ><b>汉堡</b></div>
            <div class="panel-body">
              <table class="table zc-table" style="margin-left:15px;">
                <tbody>
                  <tr class="zc-tr1">
                    <td width="50%"><span>双层鸡肉汉堡</span></td>
                    <td width="10%"><button class="btn btn-xs btn-primary">1</button></td>
                    <td width="20%"><button class="btn btn-default btn-sm">￥20</button></td>
                    <td><div><i class="icon-d-star s8 i_s"></i><a href="#"><small>(15)<small></a></div><div><small class="text-muted">月售20份</small></div></td>
                  </tr>
                  <tr>
                    <td width="50%"><span>双层鸡肉汉堡</span></td>
                    <td width="10%"><button class="btn btn-xs btn-primary">1</button></td>

                    <td><button class="btn btn-default btn-sm">￥20</button></td>
                    <td><div><i class="icon-d-star s8 i_s"></i><a href="#"><small>(15)<small></a></div><div><small class="text-muted">月售20份</small></div></td>
                  </tr>
                  <tr>
                    <td width="50%"><span>双层鸡肉汉堡</span></td>
                    <td width="10%"><button class="btn btn-xs btn-primary">1</button></td>
                    <td><button class="btn btn-default btn-sm">￥20</button></td>
                    <td><div><i class="icon-d-star s8 i_s"></i><a href="#"><small>(15)<small></a></div><div><small class="text-muted">月售20份</small></div></td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>

        <div class="col-md-3">
          
          <div class="panel panel-default zc-bt3-og">
            <div class="panel-body">
              <p class="zc-text-og text-sm"><span class="glyphicon glyphicon-bullhorn"> </span>&nbsp;
              <small>注意：配送地区暂定为临平市区，起送价为15元，其它地区的同学们，敬请期待后续配送点的配置</small></p>       
            </div>


          </div>

          <div class="panel panel-default">
            <!-- Default panel contents -->
            <div class="panel-heading"><b>本周热卖</b></div>

            <!-- Table -->
            <table class="table">
              <tbody>
                <tr>
                  <td width="70%"><div><small>双层鸡肉汉堡</small></div><div><i class="icon-d-star s8 i_s"></i><a href="#"><small>(15)<small></a></div></td>
                  <td><button class="btn btn-default btn-sm">￥20</button></td>
                </tr>
                <tr>
                  <td width="70%"><div><small>双层鸡肉汉堡</small></div><div><i class="icon-d-star s8 i_s"></i><a href="#"><small>(15)<small></a></div></td>
                  <td><button class="btn btn-default btn-sm">￥20</button></td>
                </tr>
                <tr>
                  <td width="70%"><div><small>双层鸡肉汉堡</small></div><div><i class="icon-d-star s8 i_s"></i><a href="#"><small>(15)<small></a></div></td>
                  <td><button class="btn btn-default btn-sm">￥20</button></td>
                </tr>
                <tr>
                  <td width="70%"><div><small>双层鸡肉汉堡</small></div><div><i class="icon-d-star s8 i_s"></i><a href="#"><small>(15)<small></a></div></td>
                  <td><button class="btn btn-default btn-sm">￥20</button></td>
                </tr>
                <tr>
                  <td width="70%"><div><small>双层鸡肉汉堡</small></div><div><i class="icon-d-star s8 i_s"></i><a href="#"><small>(15)<small></a></div></td>
                  <td><button class="btn btn-default btn-sm">￥20</button></td>
                </tr>
              </tbody>
            </table>
          </div>

          <div>
            
            <iframe width="267" height="265" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://j.map.baidu.com/UchpT"></iframe>
          </div>

        </div>
      </div>
      
    </div>


    <div style="margin-top:30px;background:#222;padding:20px 0">
      <div class="container">
        
        <p class="text-muted text-center">Designed and built with all the love in the world by <a href="http://t.qq.com/usual2970" target="_blank">@usual2970</a><br><a href="http://www.miibeian.gov.cn/" target="_blank">浙ICP备13023240号-1</a></p>

      </div>

    </div>


    <div class="zc-cart clearfix">
      <div class="pull-left"><i class="zc-cart-logo"></i></div>
      <div class="pull-right zc-cart-info-wrap"><button class="btn btn-default btn-sm">餐盒是空的哦</button></div>
    </div>
    <script src="`$url~/js/jquery.js"></script>
    <script src="`$url~/js/bootstrap.min.js"></script>
    <script src="`$url~/js/cart.js"></script>
  </body>
</html>